@charset "utf-8";
*{padding: 0;margin: 0;box-sizing: border-box;}
ul,li,ol,ol li {list-style: none}
h1,h2,h3,h4,h5,h6,b{font-weight: normal;}
img {border: none;margin: 0;vertical-align: middle}
body {font: 12px/1.1 "微软雅黑";color: #333;width: 100%;background: #fff;min-width: 1440px;position: relative;}
a {display: inline-block;text-decoration: none;color: #333;-webkit-tap-highlight-color: transparent}
em,i{font-style: normal}
button,input,select,textarea {font-size: 100%;font-family: "微软雅黑";outline: none;-webkit-appearance: none}
iframe{border: none;}
.clearfix:after {content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden}
.fl{float: left;}
.fr{float: right;}
.hide{display: none}
.ellipsis-1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.ellipsis-2{overflow:hidden; text-overflow:ellipsis;display:-webkit-box !important; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.flex{display: -ms-flexbox !important;display: -webkit-flex !important;display: flex !important;}
.flex-column {-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.justify-start {-webkit-justify-content: flex-start; justify-content: flex-start;}
.justify-end {-webkit-justify-content: flex-end;justify-content: flex-end;}
.justify-center {-webkit-justify-content: center;justify-content: center;}
.justify-between {-webkit-justify-content: space-between;justify-content: space-between;}
.justify-around {-webkit-justify-content: space-around;justify-content: space-around;}
.flex-wrap {-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.align-start {-webkit-align-items: flex-start; align-items: flex-start;}
.align-end {-webkit-align-items: flex-end;align-items: flex-end;}
.align-center {-webkit-align-items: center;align-items: center;}
.flex-shrink{flex-shrink: 0;-webkit-flex-shrink: 0;}



body{overflow-x: hidden;}
body img{max-width: 100%;}
.swiper-slide>img{width: 100%;}
.index-content{width: 1350px;margin: 0 auto;position: relative;}
.swiper-button-prev,.swiper-button-next{cursor: pointer !important;background-repeat: no-repeat;outline: none;}
.swiper-button-prev:after,.swiper-button-next:after{display: none;}
.index-title{color: #000;margin-bottom: 55px;margin-left: auto;margin-right: auto;display: block;}
.index-title h5{font-size: 48px;margin-bottom: 10px;text-transform: uppercase;letter-spacing: -4px;}
.index-title h6{font-size: 30px;}
.index-more{display: block;width: 120px;height: 40px;line-height: 36px;border: 2px solid #666;border-radius: 60px 60px;text-align: center;font-size: 16px;color: #000;transition: .3s;}

.Adapt-pic{position: relative;overflow: hidden;}
.Adapt-pic img{position: absolute;top: 50%;left: 50%;width: 100%;height: auto;min-height: 100%; -webkit-transform:translate(-50%,-50%) ;-moz-transform:translate(-50%,-50%) ;-ms-transform:translate(-50%,-50%) ;-o-transform:translate(-50%,-50%) ;transform: translate(-50%,-50%);transition: .3s;}
/* 首页 */
.head-nav{background: url(../images/nav-bg.png) top center;padding: 14px 0;}
.head-nav .head-logo{width: 400px;margin-right: 10px;}
.head-nav .tel{font-size: 20px;color: #d71a14;}
.head-nav .tel em{font-size: 30px;color: #fff;font-weight: 600;}
.head-nav .nav li{position: relative;float: left;width: 100px;text-align: center;font-size: 16px;}
.head-nav .nav li a{color: #fff;display: block;line-height: 38px;}
			.nav li ul{position: absolute;z-index: 999;top: 55px;left: 0;right: 0;margin: auto;display: none;}
			.nav li ul li{margin-bottom: 1px;border: 1px solid rgba(255,255,255,0);}
			.nav li ul a{color: #fff;font-size: 16px;height: 54px; text-align: center;background: #064886;padding: 10px 5px;}
			.nav>li.on ul{display: block;}

.swiper-banner .btn-group{position: absolute;left: 0;right: 0;top: 0;bottom: 0; width: 1200px;height: 24px; margin: auto;}
.swiper-banner .swiper-button-prev,.swiper-banner .swiper-button-next{width: 13px;height: 24px;background-size: 100% 100%;}
.swiper-banner .swiper-button-prev{background-image: url(../images/btn-prev.png);}
.swiper-banner .swiper-button-next{background-image: url(../images/btn-next.png);}

.footer{background: url(../images/foot-bg.jpg) top center; height: 118px; padding-top: 30px; box-sizing: border-box;}
.footer .logo{width: 500px;}
.footer .txt{margin-left: 20px;padding-left: 20px;border-left: 1px dashed #fff;color: #fff;}
.footer .txt h5{font-size: 16px;}
.footer .txt h5 em{font-size: 30px;}
.footer .txt a{color: #fff;}
.footer .txt p{font-size: 13px;margin-top: 8px;}

.index-index{background: #ccd8e5;padding: 40px 0;}
.index-index .list-box{width: 49%;margin-right: 2%;margin-bottom: 30px;border: 1px solid #ececec;background: #fff;}
.index-index .list-box:nth-of-type(2n){margin-right: 0;}
.index-index .list-box:last-of-type{margin-bottom: 0;}
.index-index .list-box .title{background: url(../images/index-title-bg.png) no-repeat left top;border-bottom: 1px solid #1f519f;line-height: 34px; width: -moz-calc(100% - 13px);width: -webkit-calc(100% - 13px);width: calc(100% - 13px);}
.index-index .list-box .title h1{font-size: 16px;color: #fff;float: left;padding-left: 17px;}
.index-index .list-box .title a{font-size: 12px;color: #be1e1e;float: right;}
.index-index .list-box .items{padding: 13px 13px;position: relative;}
.index-index .list-box .item{margin-right: 10px;display: block;float: left; width: -moz-calc(33.33% - 7px);width: -webkit-calc(33.33% - 7px);width: calc(33.33% - 7px);}
.index-index .list-box .item:last-of-type{margin-right: 0;}
.index-index .list-box .item .Adapt-pic{border: 1px solid #095898;width: 100%;height: 154px;}
.index-index .list-box .item .Adapt-pic img{height: 100%;max-width: none;width: auto;min-width: 100%;}
.index-index .list-box .item h5{font-size: 16px;color: #234996;margin-top: 10px;line-height: 24px;text-align: center;}
.index-index .list-box.partner{width: 100%;}
.index-index .list-box.partner .title{width: 100%;}
.index-index .list-box.partner .swiper-partner{padding-left: 50px;padding-right: 50px;}
.index-index .list-box.partner .swiper-button-prev,.index-index .list-box.partner .swiper-button-next{width:31px ;height: 42px;background-size: 100% 100%;}
.index-index .list-box.partner .swiper-button-prev{background-image: url(../images/btn-prev2.png);}
.index-index .list-box.partner .swiper-button-next{background-image: url(../images/btn-next2.png);}
.index-index .list-box.partner .swiper-slide{padding: 1px 1px;width: 230px;}
.index-index .list-box.partner .swiper-slide img{width: 100%;height: 58px;}
/* 内页 */
.container .page-cont{width: 1200px; margin: 0 auto ;position: relative;}

.page-top{background: #fff;padding: 30px 0;}
.page-title{text-align: center;margin-bottom: 30px;}
.page-crumb{font-size: 12px;color: #828282;}
.page-crumb a{color: #828282;}
.page-crumb pre{display: inline-block;vertical-align: bottom;margin-left: 5px;}

.text-cont{padding: 110px 0;}
.main{color: #5b5b5b;font-size: 16px;line-height: 30px;text-align: justify;}
.main .title{font-size: 24px;text-align: center;margin-bottom: 30px;line-height: 1.5;color: #01458e;}
.m-clips{margin-top: 100px;border-top: 1px solid #f1f1f1;padding-top: 35px;}
.m-clips p{max-width: 49%;white-space: nowrap;}
.m-clips a{width: 87%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: bottom;}
.m-clips p,.m-clips a{color: #666;font-size: 16px;transition: .3s; width: 160px;}
.m-clips p:first-of-type{float: left;}
.m-clips p:last-of-type{float: right;}
.m-clips a:hover{color: #01458e;text-decoration:none}


.page-title h1{color: #212121;font-size: 36px;line-height: 62px;}
/* .page-title h5{font-size: 17px;color: #797979;} */
.page-title h5{font-size: 17px;color: #01458e;font-weight: bold;}
.page-title h5 span{display: inline-block;width: 9px;height: 9px;background: #bfbfbf;border-radius: 100% 100%;vertical-align: middle;}
.page-title h5 i{height: 1px;width: 350px;background: #bfbfbf;display: inline-block;vertical-align: middle;}





.page-cont .gallery-top{margin-bottom: 28px;}
.page-cont .gallery-top .pics{position: relative;}
.page-cont .gallery-top .pics .Adapt-pic img{user-select:none;opacity: 0;transition: .3s;z-index: -1;}
.page-cont .gallery-top .pics .Adapt-pic img.on{opacity: 1;z-index: 2;}
.page-cont .gallery-top .swiper-slide{opacity: 0 !important;}
.page-cont .gallery-top .swiper-slide-active{opacity: 1 !important;}
.page-cont .unavailable{opacity: 0;cursor: default !important;}

.page-cont .gallery-top .txt{background: #eaeaea;padding: 25px 40px;}
.page-cont .gallery-top .txt .title h1{font-size: 30px;color: #234996;font-weight: 600;margin-bottom: 5px;}
.page-cont .gallery-top .txt .intro{font-size: 18px;line-height: 24px;color: #454545;}


.page-cont .gallery-thumbs{width: 100%;padding: 0 50px;}
.page-cont .gallery-thumbs .swiper-button-prev,.gallery-thumbs .swiper-button-next{width: 35px;height: 157px;background-size: 100% 100%;margin-top: 0;top: 0;}
.page-cont .gallery-thumbs .swiper-button-prev{background-image: url(../images/btn-prev4.jpg);left: 0;}
.page-cont .gallery-thumbs .swiper-button-next{background-image: url(../images/btn-next4.jpg);right: 0;}
.page-cont .gallery-thumbs .swiper-slide .Adapt-pic{cursor: pointer;border: 2px solid #eaeaea;}
.page-cont .gallery-thumbs .swiper-slide-thumb-active .Adapt-pic{border: 2px solid #0f5c9a;}
.page-cont .gallery-thumbs .Adapt-pic{width: 100%;height: 159px;}
.page-cont .gallery-thumbs h5{font-size: 18px;line-height: 27px;color: #234996;margin-top: 15px;text-align: center;}
/* 组件供应 */
.page-module{padding-bottom: 60px;}

.page-module .gallery-top .swiper-slide{padding: 0 85px;}
.page-module .gallery-top .pics .Adapt-pic{width: 100%;height: 612px;}
.page-module .gallery-top .prev,.page-module .gallery-top .pics .next{width: 45px;height: 45px;background-size: 100% 100%;position: absolute;top: 0;bottom: 0;margin: auto 0;z-index: 99;cursor: pointer;}
.page-module .gallery-top .prev{background-image: url(../images/btn-prev3.png);left: -70px;}
.page-module .gallery-top .pics .next{background-image: url(../images/btn-next3.png);right: -70px;}

.page-module .gallery-top .txt .title{width: 330px;border-right: 3px solid #234996;padding-right: 30px;}
.page-module .gallery-top .txt .intro{width: 620px;padding-left: 30px;}

/* 专项定制 */
.page-customize{padding-bottom: 60px;}
.page-customize .gallery-top .txt{width: 445px;}
.page-customize .gallery-top .txt .line{width: 90px;height: 3px;background: #0958ac;display: block;margin: 25px 0;}
.page-customize .gallery-top .txt .intro{width: 100%;min-height: 200px;}
.page-customize .gallery-top .prev,.page-customize .gallery-top .next{width: 45px;height: 45px;background-size: 100% 100%;display: inline-block;z-index: 99;cursor: pointer;}
.page-customize .gallery-top .prev{background-image: url(../images/btn-prev5.jpg); left: 448px;}
.page-customize .gallery-top .next{background-image: url(../images/btn-next5.jpg); right: 0;}
.page-customize .gallery-top .pics .Adapt-pic{width: 745px;height: 443px;}

/* 网络/监控 */
.page-monitor{padding-bottom: 60px;}
.page-monitor .gallery-top .txt{width: 340px;padding: 0;}
.page-monitor .gallery-top .txt .title{padding:40px 40px;}
.page-monitor .gallery-top .txt .line{width: 100%;height: 1px;background: #0958ac;display: block;}
.page-monitor .gallery-top .txt .intro{width: 100%;padding: 32px 40px;}
.page-monitor .gallery-top .prev,.page-monitor .gallery-top .next{width: 45px;height: 45px;background-size: 100% 100%;display: inline-block;z-index: 99;cursor: pointer;margin-top: 30px;}
.page-monitor .gallery-top .prev{background-image: url(../images/btn-prev5.jpg);margin-left: 40px;}
.page-monitor .gallery-top .next{background-image: url(../images/btn-next5.jpg);}
.page-monitor .gallery-top .pics .Adapt-pic{width: 800px;height: 475px;}

/* 润滑系统 */

.page-lubricating{padding-bottom: 60px;}

.page-lubricating .gallery-top .swiper-slide{padding: 0 85px;position: relative;}
.page-lubricating .gallery-top .pics .Adapt-pic{width: 100%;height: 612px;}
.page-lubricating .gallery-top .prev,.page-lubricating .gallery-top .pics .next{width: 45px;height: 45px;background-size: 100% 100%;position: absolute;top: 0;bottom: 0;margin: auto 0;z-index: 99;cursor: pointer;}
.page-lubricating .gallery-top .prev{background-image: url(../images/btn-prev3.png);left: -70px;}
.page-lubricating .gallery-top .pics .next{background-image: url(../images/btn-next3.png);right: -70px;}

.page-lubricating .gallery-top .txt{position: absolute;bottom: 0;left: 85px;width: 690px;z-index: 99;background: rgba(12,44,88,.8);}
.page-lubricating .gallery-top .txt .title{margin-bottom: 8px;}
.page-lubricating .gallery-top .txt .title h1{color: #fff;font-weight: normal;}
.page-lubricating .gallery-top .txt .intro{width: 620px;color: #fff;}
/* 施工/服务 */
.page-service{padding-bottom: 55px;}
.page-service .item{float: left;margin-right: 15px;margin-bottom: 30px; width: -moz-calc(25% - 11.25px);width: -webkit-calc(25% - 11.25px);width: calc(25% - 11.25px);}
.page-service .item:nth-of-type(4n){margin-right: 0;}
.page-service .item .pic{position: relative;}
.page-service .item .pic .cover{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto; width: 90%;height: 85%;background: rgba(35,73,150,.71);opacity: 0;transition: .3s;padding: 30px 25px;color: #fff;font-size: 16px;line-height: 24px;text-align: center;}
.page-service .item .Adapt-pic{width: 100%;height: 171px;}
.page-service .item h5{text-align: center;font-size: 18px;color: #234996;margin-top: 15px;}
.page-service .item:hover .cover{opacity: 1;}
/* 关于我们 */
.page-about{margin-bottom: 120px;}
.page-about .intro{font-size: 18px;color: #454545;line-height: 32px;}
.page-about .intro h5{font-size: 30px;color: #212121;line-height: 47px;margin-bottom: 40px;}
/* .page-about .intro h5 em{font-size: 40px;font-weight: 600;color: #be1e1e;line-height: 54px;} */
.page-about .intro h5 em{font-size: 26px;font-weight: 600;color: #be1e1e;}
.page-about .intro p{margin-bottom: 10px;}
.page-about .intro img{margin: 0 48px 20px 0;}
.page-about .phone-nub{font-size: 20px;line-height: 32px;color: #454545; width: 50%;}
.page-about .phone-nub .item{margin-bottom: 20px;}
.page-about .contact-us{background: #eaeaea;border-bottom: 5px solid #0958ac;padding: 55px 35px 35px; margin: 20px 0;}
.page-about .contact-us .title{margin-bottom: 25px;}
.page-about .contact-us .title h1{font-size: 30px;color: #01458e;}
.page-about .contact-us .title h1 em{font-weight: 600;font-size: 36px;}
.page-about .contact-us .title h5{font-size: 36px;font-weight: 600;color: #01458E;}
.page-about .contact-us .title h5 img{vertical-align: middle;margin-right: 5px;}
.page-about .contact-us .items{width: 50%;}
.page-about .contact-us .items .item{margin-bottom: 55px;}
.page-about .phone-nub .item div{white-space: pre-line;}
.page-about .item h5{font-size: 24px;font-weight: 600;color: #01458e;margin-bottom: 10px;border-left: 3px solid #01458E;padding-left: 8px;}
.page-about .contact-us .items .item p{font-size: 20px;line-height: 32px;color: #454545;}

/* 新闻中心 */
.news-list a{border-bottom: 1px dashed #01458E;width: 100%;float: left;line-height: 30px;padding: 10px 0;}
.news-list a h5{float: left;font-size: 18px;color: #333;width: 80%;}
.news-list a span{float: right;font-size: 16px;color: #C9C9C9;width: 20%;text-align: right;}
.news-list a:hover h5{color: #234996;}

/* about us */
.page-about .page-title span{-webkit-flex-shrink: 0;flex-shrink: 0;}